<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
	<h:head>
		<style type="text/css">
			.hoverImg{
				display: none;
			    position: absolute;
			    top: -80px;
			}
			
			 .hoverImg1{
			    left: -155px;
			}
			.hoverImg2{
			    left: -305px;
			}
		
		</style>
	
	</h:head>
	<div id="sidebar">
		<a href="#" class="icon1">
			<div class="img-style" id="img1" onMouseOver="over1()"
				onMouseOut="out1()">
				<img id="hoverImg1" class="hoverImg1 hoverImg" width="150" height="200" src="${resource['images/appQRCode.png']}" alt="中介APP"  />
				<img id="hoverImg2" class="hoverImg2 hoverImg" width="150" height="200" src="${resource['images/professionQRCode.png']}" alt="审核组APP" />
			</div>
		</a> 
		<ui:remove>
			<a href="#">
				<div class="img-style" id="img2" onMouseOver="over2()"
					onMouseOut="out2()">
					<p class="text-content" id="text-content2">微信扫一扫</p>
				</div>
			</a> 
			<a href="#">
				<div class="img-style" id="img3" onMouseOver="over3()"
					onMouseOut="out3()">
					<p class="text-content" id="text-content3">意见反馈</p>
				</div>
			</a> 
		</ui:remove>
		<a href="#">
			<div class="img-style" id="img6" onMouseOver="over6()"
				onMouseOut="out6()">
				<p class="text-content" id="text-content6">返回顶部</p>
			</div>
		</a>
	</div>

</ui:composition>